<template>
	<view>
		<!-- 头部 -->
		<view style="width: 100%;background-color: #FFFFFF;height: 100%; ">
			<view style="width: 90%;height: 30px;margin: 0 auto;background-color: #FFFFFF;">
				<text style="font-size: 20px;float: left;">办公</text>
				<view style="width: 70px;float: right;">
					<u-icon name="search" color="#9fb3b4" size="30" style="float: left;"></u-icon>
					<u-icon name="scan" color="#9fb3b4" size="30" style="margin-left: 5px;"></u-icon>
				</view>
			</view>
		</view>
		<!-- 头部结束 -->
		<!-- 图片 -->
		<view
			style="width: 90%;height: 100px;margin: 0 auto; border-radius: 20px; margin-top: 15px; background-color: #30b1bc;">
			<image src="../../static/img/fximage/bangong.png" style="width: 100%;height: 100%;"></image>
		</view>
		<!-- 图片结束 -->
		<!-- 待办开始 -->
		<view>
			<uni-card title="常用功能" style="border-radius: 15px;height: 150px;">
				<view>
					<view style="float: left;  width: 51px;height: 66px;" @click="toreview()">
						<view
							style="width: 44px; height: 44px;border-radius: 15px; background-color: rgba(255, 61, 87, 0.2);float: left;">
							<view style="margin: 0 auto;margin-top: 12px;margin-left: 9px;">
								<uni-icons type="paperplane-filled" color="#ea2c2f" size="24"></uni-icons>
							</view>
						</view>
						<u--text text="审批" style="margin-left:12px;" size="10"></u--text>
					</view>
					<view style="float: left; margin-left: 30px;  width: 51px;height: 66px;"@click="goli()">
						<view
							style="width: 44px; height: 44px;border-radius: 15px; background-color: rgba(61, 212, 167, 0.2);float: left;">
							<view style="margin: 0 auto;margin-top: 11px;margin-left: 9px;">
								<u-icon name="man-add-fill" color="#2fa783" size="28"></u-icon>
							</view>
						</view>
						<u--text text="我的招聘" style="" size="10"></u--text>
					</view>
					<view style="float: left; margin-left: 30px; width: 51px;height: 66px;"  @click="goru()">
						<view
							style="width: 44px; height: 44px;border-radius: 15px; background-color: rgba(255, 199, 28, 0.2);float: left;">
							<view style="margin: 0 auto;margin-top: 11px;margin-left: 9px;">
								<u-icon name="order" color="#ead009" size="28"></u-icon>
							</view>
						</view>
						<u--text text="入职登记" style="" size="10"></u--text>
					</view>
					<view style="float: left; margin-left: 30px;  width: 51px;height: 66px; "@click="onclick()">
						<view
							style="width: 44px; height: 44px;border-radius: 15px; background-color: rgba(73, 255, 204, 0.2);float: left;">
							<view style="margin: 0 auto;margin-top: 11px;margin-left: 9px;">
								<u-icon name="tags" color="#39ea89" size="28"></u-icon>
							</view>
						</view>
						<u--text text="工资条" style="" size="10"></u--text>
					</view>


				</view>

			</uni-card>

		</view>
		<!-- 待办结束 -->
		<!-- 人事 -->
		<view>
			<uni-card title="人事" style="border-radius: 15px;height: 200px;">
				<view>
					<view style="float: left;  width: 51px;height: 66px;"  @click="goru()">
						<view
							style="width: 44px; height: 44px;border-radius: 15px; background-color: rgba(255, 199, 28, 0.2);float: left;">
							<view style="margin: 0 auto;margin-top: 11px;margin-left: 9px;">
								<u-icon name="order" color="#ead009" size="28"></u-icon>
							</view>
						</view>
						<u--text text="入职登记" style="" size="10"></u--text>
					</view>
					<view style="float: left; margin-left: 30px; width: 51px;height: 66px;"@click="goli()">
						<view
							style="width: 44px; height: 44px;border-radius: 15px; background-color: rgba(61, 212, 167, 0.2);float: left;">
							<view style="margin: 0 auto;margin-top: 11px;margin-left: 9px;">
								<u-icon name="man-add-fill" color="#2fa783" size="28"></u-icon>
							</view>
						</view>
						<u--text text="我的招聘" style="" size="10"></u--text>
					</view>
					<view style="float: left; margin-left: 30px;  width: 51px;height: 66px;" @click="toclock()">
						<view
							style="width: 44px; height: 44px;border-radius: 15px; background-color: rgba(55, 95, 226, 0.2);float: left;">
							<view style="margin: 0 auto;margin-top: 11px;margin-left: 9px;">
								<u-icon name="map" color="#1c65da" size="28"></u-icon>
							</view>
						</view>
						<u--text text="考勤打卡" style="" size="10"></u--text>
					</view>
					<view style="float: left; margin-left: 30px;  width: 51px;height: 66px;" @click="toreview()">
						<view
							style="width: 44px; height: 44px;border-radius: 15px; background-color: rgba(255, 61, 87, 0.2);float: left;">
							<view style="margin: 0 auto;margin-top: 12px;margin-left: 9px;">
								<uni-icons type="paperplane-filled" color="#ea2c2f" size="24"></uni-icons>
							</view>
						</view>
						<u--text text="审批" style="margin-left:12px;" size="10"></u--text>
					</view>
					<view style="float: left; margin-top: 10px;  width: 51px;height: 66px;" @click="goMyPerformance()">
						<view
							style="width: 44px; height: 44px;border-radius: 15px; background-color: rgba(119, 92, 255, 0.2);float: left;">
							<view style="margin: 0 auto;margin-top: 12px;margin-left: 8px;">
								<uni-icons type="link" color="#9586ea" size="28"></uni-icons>
							</view>
						</view>
						<u--text text="我的绩效" style="" size="10"></u--text>
					</view>
					<view style="float: left; margin-top: 10px;  margin-left: 30px;  width: 51px;height: 66px;"
						@click="onclickshebao()">
						<view
							style="width: 44px; height: 44px;border-radius: 15px; background-color: rgba(255, 199, 28, 0.2);float: left;">
							<view style="margin: 0 auto;margin-top: 11px;margin-left: 9px;">
								<u-icon name="order" color="#ead009" size="28"></u-icon>
							</view>
						</view>
						<u--text text="我的社保" style="" size="10"></u--text>
					</view>
					<view style="float: left; margin-top: 10px;  margin-left: 30px;  width: 51px;height: 66px;"
						@click="onclick()">
						<view
							style="width: 44px; height: 44px;border-radius: 15px; background-color: rgba(73, 255, 204, 0.2);float: left;">
							<view style="margin: 0 auto;margin-top: 11px;margin-left: 9px;">
								<u-icon name="tags" color="#39ea89" size="28"></u-icon>
							</view>
						</view>
						<u--text text="工资条" style="" size="10"></u--text>
					</view>

				</view>


			</uni-card>
		</view>
		<!-- 人事结束 -->
		<!-- 行政 -->
		<view>
			<uni-card title="行政" style="border-radius: 15px;height: 150px;">
				<view>
					<view style="float: left;  width: 51px;height: 66px;" @click="onclickhuiyishi()">
						<view
							style="width: 44px; height: 44px;border-radius: 15px; background-color: rgba(255, 106, 198, 0.2);float: left;">
							<view style="margin: 0 auto;margin-top: 11px;margin-left: 9px;">
								<u-icon name="mic-off" color="#ea56c3" size="28"></u-icon>
							</view>
						</view>
						<u--text text="会议预定" style="" size="10"></u--text>
					</view>
					<view style="float: left; margin-left: 30px;  width: 51px;height: 66px;" @click="h_gg()">
						<view
							style="width: 44px; height: 44px;border-radius: 15px; background-color: rgba(255, 123, 28, 0.2);float: left;">
							<view style="margin: 0 auto;margin-top: 12px;margin-left: 9px;">
								<u-icon name="pushpin-fill" color="#ea8c20" size="24"></u-icon>
							</view>
						</view>
						<u--text text="公告" style="margin-left:12px;" size="10"></u--text>
					</view>
					<view style="float: left; margin-left: 30px; width: 51px;height: 66px;" @click="h_wd()">
						<view
							style="width: 44px; height: 44px;border-radius: 15px; background-color: rgba(61, 212, 167, 0.2);float: left;">
							<view style="margin: 0 auto;margin-top: 11px;margin-left: 9px;">
								<uni-icons type="folder-add" color="#2fa783" size="28"></uni-icons>
							</view>
						</view>
						<u--text text="文档资料" style="" size="10"></u--text>
					</view>
					<view style="float: left; margin-left: 30px;  width: 51px;height: 66px; " @click="h_xw()">
						<view
							style="width: 44px; height: 44px;border-radius: 15px; background-color: rgba(55, 95, 226, 0.2);float: left;">
							<view style="margin: 0 auto;margin-top: 11px;margin-left: 9px;">
								<uni-icons type="list" color="#1c65da" size="28"></uni-icons>
							</view>
						</view>
						<u--text text="新闻" style="margin-left: 10px;" size="10"></u--text>
					</view>


				</view>

			</uni-card>

		</view>
		<!-- 行政结束 -->
		<!-- 结束View标签 -->
	</view>
</template>

<script>
	import request from '../../utils/request.js'
	export default {
		data() {
			return {
				value: 0,
			}
		},


		methods: {
			onclick() {
				console.log("res")
				uni.navigateTo({

					url: "../lyj/Money/index",
				})
			},
			onclickshebao() {
				console.log("res")
				uni.navigateTo({

					url: "../lyj/social/index/iii",
				})
			},
			onclickhuiyishi() {
				console.log("res")
				uni.navigateTo({

					url: "../lyj/conference/index",
				})
			},
			h_wd() {
				uni.navigateTo({
					url: "./wendang/wendang"
				})
			},
			h_gg() {
				uni.navigateTo({
					url: "./hjj/gonggao/gonggao"
				})
			},
			h_xw() {
				uni.navigateTo({
					url: "./hjj/xinwen/xinwen"

				})
			},
			toreview() {
				uni.navigateTo({
					url: "C/review"
				})
			},
			toclock() {
				uni.navigateTo({
					url: "./Chenhongyu/clock"
				})
			},

			goMyPerformance() {
				uni.navigateTo({
					url: "./Chenhongyu/performance/MyPerformance"
				})
			},

			goru() {
				uni.navigateTo({
					url: "./../zwx/ruzhi/ruzhi"
				})
			},
			goli() {
				uni.navigateTo({
					url: "./../zwx/zhaopin/zhaopin"
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	/* App.vue */
	.cell-hover-class {
		background-color: rgb(235, 237, 238);
	}

	/* 或者单是设置透明度 */
	.cell-hover-class {
		opacity: 0.5;
	}

	.container {
		padding: 20px;
		font-size: 14px;
		line-height: 24px;
	}
</style>
